<template>
	<view class="container">
		<!-- 基础用法 -->
		<uni-swipe-action-item v-for="(item,index) in baseFormData" class="action-item" :right-options="options"
			 @change="change">
			<view class="list" @click="onClick(item)">
				<view class="left">
					<image style="width: 100rpx; height: 100rpx; " mode="widthFix" src="../../static/icons/sy.png"
						@error="imageError"></image>
					<!-- <img :src="getImg('sy.png')" alt="图片" srcset="" style="width: 50px;"/> -->
					<view class="text">
							<text style="font-size: 28rpx;display: block;">{{item.xm}}</text>
							<text style="font-size: 16rpx;display: block;">患者编号：{{item.bh}}</text>
						</view>
					</view>
					<view class="right">
						到达时间：{{item.ddsj}}
					</view>
			</view>
		
		</uni-swipe-action-item>
	</view>
</template>

<script>
	import { getStorageSync,useRouter } from '../../utils/utils.js'
	export default {
		data() {
			return {
				baseFormData:[]
			}
		},
		onLoad(){
			this.baseFormData=getStorageSync('baseFormData')
		},
		methods: {
			onClick(item){
				useRouter('/pages/offlineWounded/index', item, 'navigateTo')
			}
		}
	}
</script>

<style lang="scss" scoped>
.container {

		.no {
			color: #999;
			font-size: 24rpx;
			text-align: center;
			padding: 30rpx;
		}

		.action-item {
			height: 102rpx;
			line-height: 1.7;
			background-color: #fefefe;
			box-shadow: inset 0rpx 44rpx 102rpx #efefef;
			
			.list {
				padding: 0rpx 34rpx;
				display: flex;
				align-items: center;
				justify-content: space-between;

				.left {
					display: flex;
					align-items: center;

					.text {}
				}

				.right {
					font-size: 18rpx;
				}
			}
		}
	}
</style>
